<template>
  <div class="home_view">
    <z-welcome></z-welcome>
    <div class="bottom">
      <div class="left">
        <z-quickentrance></z-quickentrance>
        <z-card :title="'数据统计'" class="statistics">
          <home-charts></home-charts>
        </z-card>
      </div>
      <div class="right">
        <z-card :title="'数据统计'" class="version"> </z-card>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref, reactive } from "vue";
import ZCard from "@/components/common/z-card.vue";
import ZWelcome from "@/components/common/z-welcome.vue";
import ZQuickentrance from "@/components/admin/z-quickentrance.vue";
import HomeCharts from "@/components/echarts/home_charts.vue";
</script>
<style scoped lang="less">
.home_view {
  background-color: inherit !important;
  .bottom {
    display: flex;
    justify-content: space-between;
    .left {
      width: 70%;
      margin-right: 20px;
    }
    .right {
      width: 30%;
    }
  }
}
</style>
